<template>
	<view style="">
		<view class="all_project_head_btn" style="">
			<project-button :projectId="project_id" stageName="风险分析"></project-button>
			<step-button :approvalLog="addFormData.approval_log" :processList="stepProcessList"
				v-if="addFormData.approval_log != null"></step-button>
		</view>
		
		<form action="">
			<!-- 项目名称 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">项目名称</text>
				<input :disabled="!isSubmit" v-model="addFormData.project_name" style="margin-top: 39rpx;"
				:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
					placeholder-style="font-size:30rpx" value="" />
			</view>
			<!-- 项目类型展示 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">项目类型</text>
				<input disabled style="margin-top: 39rpx;" placeholder-style="font-size:30rpx"
				:class="true?'all_new_input_disable_style':'all_new_input_style'"
					:value="addFormData.project_type_name" />
			</view>
			<!-- 许可类型 -展示 单选 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">许可类型</text>
				<input disabled placeholder="许可类型" style="margin-top: 39rpx;" placeholder-style="font-size:30rpx"
				:class="true?'all_new_input_disable_style':'all_new_input_style'"
					value="许可类" v-if="addFormData.permit_type == '2'" />
				<input disabled placeholder="许可类型" style="margin-top: 39rpx;" placeholder-style="font-size:30rpx"
				:class="true?'all_new_input_disable_style':'all_new_input_style'"
					value="一般类" v-if="addFormData.permit_type == '1'" />
			</view>
			<!-- 评价类型 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">评价类型</text>
				<input disabled="true" v-model="addFormData.pte_abbreviation_show" style="margin-top: 39rpx;"
				:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
					@click="changePteShow()" placeholder="点击选择评价类型"
					placeholder-style="font-size:30rpx" value="" />
			</view>
			<!-- 多层选择 -->
			<view class="user_select_plus" v-show="pte_show">
				<view class="tab_line">
					<scroll-view scroll-x="true" enhanced="true" style="white-space: nowrap;">
						<view class="tab_item" v-for="(item,index) in pteSelectTabLine"
						:style="item.pte_name == pteSelectTabLine[pteSelectTabLine.length-1].pte_name ?'color: #128bf1;':''"
							@click="pteSelectTab(item,index)">
							{{item.pte_name}}
						</view>
					</scroll-view>
				</view>
			
				<view class="user_select_show">
					<scroll-view scroll-y="true" style="height: 360rpx;">
						<view v-for="item in pteSelectList" class="select_item" @click="pteSelector(item)"
							:style="item.children?'color:#128bf1':''">
							{{item.pte_name}} </view>
					</scroll-view>
				</view>
			</view>
			<!-- 多层选择结束 -->
			

			<!-- 参与风险分析人员 单选 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">参与风险分析人员</text>
				<input style="margin-top: 39rpx;" v-model="addFormData.analysts" :disabled="!isSubmit"
				:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
					placeholder-style="font-size:30rpx" value="" />
			</view>

			<!-- 附件上传提示 -->
			<view class="info_item" style="border-bottom: 0; color: #40A0F2;font-size: 26rpx;" @click="getMuBan()">
				<text style="color: #FF5A5F;">*请上传</text>
				<text style="color: #40A0F2;">安全评价风险分析表</text>
			</view>

			<!-- 附件上传 -->
			<view class="info_item" style="border: 0;">
				<upload-file :isSubmit="isSubmit" :imgList="addFormData.annex" :detailsImgList="detailsImgList"
					@my-upload-change="upLoadChange"></upload-file>
			</view>

			<!-- 项目存在的主要危险有害因素-->
			<view class="info_item" style="border-bottom: 0;">
				<text class="all_text_title">项目存在的主要危险有害因素</text>
				<textarea v-model="addFormData.project_overview" :disabled="!isSubmit" class="texta" maxlength="-1"
					auto-height="true" />
			</view>
			<!-- 风险分析内容 -->
			<view class="info_item">
				<text class="all_text_title">风险分析内容</text>
				<view class="risk_info" v-for="(item, index) in risk_info">
					<text style="width:470rpx">{{ item.name }}</text>
					<radio-group name=""
						style="transform: scale(0.7); position: absolute;right: 30rpx;font-size: 30rpx;"
						@change="handleLotChange($event, index)">
						<label>
							<radio :disabled="!isSubmit" :value="1" :checked="item.value == 1 ? true : false" />
							<text>是</text>
						</label>
						<label>
							<radio :disabled="!isSubmit" :value="0" style="margin-left: 40rpx;"
								:checked="item.value == 0 ? true : false" />
							<text>否</text>
						</label>
					</radio-group>
				</view>
			</view>
			<!-- 分析结论 -->
			<view class="info_item" style="border-bottom: 0;">
				<view style="display: flex;flex-direction: row;">
					<text class="all_text_title">分析结论</text>
					<text style="margin-left: 60rpx;">日期</text>
					<picker :disabled="!isSubmit" mode="date" @change="setDate1" style="">
						<view class="picer_date">
							{{ addFormData.charge_opinions_time ==('' || 0)?(addFormData.is_approve == 1?'未选择时间':'请选择时间'):addFormData.charge_opinions_time }}
							<image src="../../../static/project/date.png"
								style="width: 32rpx;height: 32rpx;margin-left: 27rpx;"></image>
						</view>
					</picker>
				</view>
				<textarea v-model="addFormData.charge_opinions" :disabled="!isSubmit" class="texta" maxlength="-1"
					auto-height="true" />
			</view>
			<!-- 技术负责人审批意见 -->
			<view class="info_item" style="border-bottom: 0;">
				<view style="display: flex;flex-direction: row;">
					<text class="all_text_title">技术负责人审批意见</text>
					<text style="margin-left: 95rpx;">日期</text>
					<picker :disabled="!isSubmit" mode="date" @change="setDate2" style="">
						<view class="picer_date">
							{{ addFormData.approval_opinions_time == ('' || 0)?(addFormData.is_approve == 1?'未选择时间':'请选择时间'): addFormData.approval_opinions_time}}
							<image src="../../../static/project/date.png"
								style="width: 32rpx;height: 32rpx;margin-left: 27rpx;"></image>
						</view>
					</picker>
				</view>
				<textarea :disabled="!isSubmit" v-model="addFormData.approval_opinions" class="texta" maxlength="-1"
					auto-height="true" />
			</view>

			<view class="info_item" v-if="addFormData.is_approve === 1 && details_project_status == '13'"
				style="border-bottom: 0;">
				<text class="all_text_title">审批备注</text>
				<textarea v-model="approval_remark" class="texta" maxlength="-1" auto-height="true" />
			</view>

			<view style="width: 100%;height: 200rpx;"></view>
			<!-- 底部按钮 -->
			<view class="bottom" v-if="addFormData.is_edit != '1'">
				<button class="bottom_btn" style="background: #CCCCCC; width: 380rpx;" @click="handleSubmit('1')">
					保存草稿
				</button>
				<button class="bottom_btn"
					style="background: linear-gradient(0deg, #037CE3, #2EB3FF); margin-top: -88rpx;margin-left: 50%;"
					form-type="submit" @click="handleSubmit('0')">
					提交
				</button>
			</view>

			<!-- 可撤回时显示 -->
			<view class="bottom"
				v-if="addFormData.is_edit == 1 && addFormData.withdraw_status == 1 && addFormData.is_approve != 1">
				<button class="bottom_btn" @click="handleWithdraw()" style="background: #DD524D; width: 100%;"
					form-type="reset">
					撤回
				</button>
			</view>

			<view class="bottom"
				v-if="addFormData.is_approve == 1 && details_project_status == '13' && addFormData.withdraw_status != 1">
				<button class="bottom_btn" style="background: #CCCCCC; width: 380rpx;" @click="handleExamine('-1')">
					驳回
				</button>
				<button class="bottom_btn"
					style="background: linear-gradient(0deg, #037CE3, #2EB3FF); margin-top: -88rpx;margin-left: 50%;"
					form-type="submit" @click="handleExamine('1')">
					审批通过
				</button>
			</view>

			<!-- 可撤回时显示 -->
			<view class="bottom2" v-if="addFormData.is_approve == 1 && addFormData.withdraw_status == 1">
				<button class="bottom_btn2" @click="handleWithdraw()" style="background: #FF5A5F; margin-left: 0;"
					form-type="reset">
					撤回
				</button>
				<button class="bottom_btn2" @click="handleExamine('-1')" style="background: #CCCCCC;margin-left: 33%;"
					form-type="reset">
					驳回
				</button>
				<button class="bottom_btn2"
					style="background: linear-gradient(0deg, #037CE3, #2EB3FF);margin-left: 66%;"
					@click="handleExamine('1')" form-type="submit">
					审批通过
				</button>
			</view>
		</form>
		<!-- <project-button :projectId="project_id"></project-button> -->
	</view>
</template>

<script>
	import UploadFile from '@/components/upload-file.vue';
	import ProjectButton from '@/components/project-button.vue';
	import StepButton from '@/components/step-button.vue';
	export default {
		data() {
			return {
				stepProcessList: {
					stage_code: '',
					project_id: ''
				},
				details_project_status: '',
				date1: '选择日期',
				date2: '选择日期',
				holder: '点击选择人员(多选)',
				insider_select_show: false, //分析人员选择显示
				analyst: [], //分析人员选择 (多选)

				department_user: [],
				anping: [],
				zhiping: [],
				huanping: [],

				pte_show: false,
				pteSelectTabLine: [{
					pte_name:'评价类型'
				}],
				pteSelectList: [],

				risk_info: [{
						name: '1.委托方具备委托资质，评价项目是否合法',
						value: 1
					},
					{
						name: '2.委托方的行业安全风险是否能够承受并控制',
						value: 1
					},
					{
						name: '3.是否在本机构的资质业务范围之内；公司是否具有满足合同要求的能力（人员条件、设备条件、时间要求等）',
						value: 1
					},
					{
						name: '4.本机构安全评价人员的技术能力、技术构成（专业配置）是否符合',
						value: 1
					},
					{
						name: '5.委托方的营业执照和其他法定的证件是否齐全',
						value: 1
					},
					{
						name: '6.评价所需的主要基础资料是否具备',
						value: 1
					},
					{
						name: '7.安全隐患短时期内是否能整改到位',
						value: 1
					},
					{
						name: '8.评价费用是否低于市场价或预期利润低',
						value: 0
					},
					{
						name: '9.业主是否提出无理要求',
						value: 0
					},
					{
						name: '10.公司是否有能力赔偿由于安全评价原因造成事故的损失',
						value: 1
					}
				],

				department: [{
						//技术负责人部门
						id: 0,
						name: '安评部',
						style: ''
					},
					{
						id: 1,
						name: '职评部',
						style: ''
					},
					{
						id: 2,
						name: '环评部',
						style: ''
					}
				],

				projectPjList: [],
				detailsImgList: [],
				submitImgList: [],
				isSubmit: true,
				project_id: '',
				addFormData: {
					annex: '',
					project_name: '',
					pte_abbreviation_show: '', //评价类型名称
					pte_id: '',
					pte_else: '',
					analysts: '',
					project_overview: '',
					project_type_id: '',
					permit_type: '',
					analysis_1st: '',
					analysis_2nd: '',
					analysis_3rd: '',
					analysis_4th: '',
					analysis_5th: '',
					analysis_6th: '',
					analysis_7th: '',
					analysis_8th: '',
					analysis_9th: '',
					analysis_10th: '',
					remark_of_analysis_1st: '0',
					remark_of_analysis_2nd: '0',
					remark_of_analysis_3rd: '0',
					remark_of_analysis_4th: '0',
					remark_of_analysis_5th: '0',
					remark_of_analysis_6th: '0',
					remark_of_analysis_7th: '0',
					remark_of_analysis_8th: '0',
					remark_of_analysis_9th: '0',
					remark_of_analysis_10th: '0',
					charge_opinions: '',
					charge_opinions_time: '',
					approval_opinions: '',
					approval_opinions_time: '',
					is_edit: ''
				}
			};
		},
		components: {
			UploadFile,
			ProjectButton,
			StepButton
		},
		computed: {
			isTypeInputDis() {
				if (this.addFormData.pte_id == '-1') {
					return false;
				} else {
					return true;
				}
			}
		},
		async onLoad(options) {
			this.token = uni.getStorageSync('btlh_process_token') || '';
			this.member_id = uni.getStorageSync('btlh_process_member_id') || '';
			this.company_id = uni.getStorageSync('bthl_process_LoginCompanyId') || '';
			this.getPingJiaList();
			this.project_id = options.project_id || '';
			this.details_project_status = options.details_project_status || '';
			console.log('details_project_status ', this.details_project_status);
			if (this.project_id) {
				this.getProjectDetails();
			}
		},
		// 开启微信发送给朋友
		//#ifdef MP-WEIXIN
		onShareAppMessage() {
			return {
				title: this.addFormData.project_name,
				path: '/packageProject/pages/project/riskAssessment?project_id=' + this.project_id +
					'&details_project_status=' + this.details_project_status
			}
		},
		//#endif
		methods: {
			// 点击复制模板链接
			getMuBan() {
				uni.setClipboardData({
					data: 'https://control.sxpz.vip/Template/安全评价风险分析表.doc',
					success: function() {
						uni.showToast({
							title: '链接复制成功'
						})
					}
				});
			},
			//评价类型tab点击
			pteSelectTab(item,index){
				// 判断是否点击第一个元素
				if (index == 0) {
					this.pteSelectList = this.pingjiaList;
					this.pteSelectTabLine = [{
						pte_name:'评价类型'
					}]
				} else {
					this.pteSelectTabLine = this.pteSelectTabLine.slice(0, index + 1);
					this.pteSelectList = item.children;
				}
			},
			// 评价类型选择
			pteSelector(item){
				// 判断是否还有子层级
				if(item.children){
					this.pteSelectList = item.children;
					this.pteSelectTabLine.push(item);
				}else{
					this.addFormData.pte_id = item.pte_id;
					this.addFormData.pte_abbreviation_show = item.pte_name;
					this.pte_show = false;
				}
			},
			//控制评价类型选择框展示
			changePteShow(){
				if(!this.isSubmit){
					return
				}else{
					this.pte_show = !this.pte_show;
				}
				
			},
			// 获取评价类型
			async getPingJiaList() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Management/pte_list',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				this.pingjiaList = res.datas.listInfo;
				this.pteSelectList = this.pingjiaList;
				console.log('评价类型', this.pingjiaList);
			},
			
			
			
			// 点击撤回
			async handleWithdraw() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/withdraw',
					method: 'GET',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						project_id: this.project_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				uni.navigateBack({
					delta: 1
				})
			},
			// 审批
			async handleExamine(val) {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/analysis_approval',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,

						project_id: this.project_id,
						approval_status: val,
						remark: this.approval_remark
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
				/* uni.redirectTo({
					url: `/packageProject/pages/project/projectManagement`
				}); */
				uni.navigateBack({
					delta: 1
				})
			},
			// 编辑
			async handleSubmit(val) {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/analysis',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						project_id: this.project_id,

						is_draft: val,
						project_name: this.addFormData.project_name,
						pte_id: this.addFormData.pte_id,
						pte_else: this.addFormData.pte_else,
						analysts: this.addFormData.analysts,
						annex: JSON.stringify(this.submitImgList),
						project_overview: this.addFormData.project_overview,
						charge_opinions: this.addFormData.charge_opinions,
						charge_opinions_time: this.addFormData.charge_opinions_time,
						approval_opinions: this.addFormData.approval_opinions,
						approval_opinions_time: this.addFormData.approval_opinions_time,

						analysis_1st: this.risk_info[0].value,
						analysis_2nd: this.risk_info[1].value,
						analysis_3rd: this.risk_info[2].value,
						analysis_4th: this.risk_info[3].value,
						analysis_5th: this.risk_info[4].value,
						analysis_6th: this.risk_info[5].value,
						analysis_7th: this.risk_info[6].value,
						analysis_8th: this.risk_info[7].value,
						analysis_9th: this.risk_info[8].value,
						analysis_10th: this.risk_info[9].value
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
				/* uni.redirectTo({
					url: `/packageProject/pages/project/projectManagement`
				}); */
				uni.navigateBack({
					delta: 1
				})
			},
			// 获取项目详情
			async getProjectDetails() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/analysis_detail',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,

						project_id: this.project_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				// 判断是否首次进入次流程
				if (res.datas.info.is_new != 1) {
					this.addFormData = res.datas.info;
					this.addFormData.project_type_name =
						res.datas.info.project_type_list[0].project_type_name;

				} else {
					this.addFormData.permit_type = res.datas.info.permit_type;
					this.addFormData.project_type_name =
						res.datas.info.project_type_list[0].project_type_name;
					this.addFormData.is_edit = res.datas.info.is_edit
				}
				this.stepProcessList.project_id = this.addFormData.project_id;
				this.stepProcessList.stage_code = this.addFormData.project_status;
				// 判断禁用
				if (this.addFormData.is_draft != '1' && this.addFormData.is_edit == (1 || '1')) {
					this.isSubmit = false;
				}
				// 处理文件
				if (this.addFormData.annex) {
					this.detailsImgList = this.addFormData.annex;
					this.submitImgList = this.addFormData.annex;
				}
				// 处理评价类型
				this.projectPjList.forEach(items => {
					if (this.addFormData.pte_id == items.pte_id) {
						items.checked = true;
					}
				});
				// 处理多选
				if (this.addFormData.analysis_1st != '') {
					this.risk_info[0].value = this.addFormData.analysis_1st;
					this.risk_info[1].value = this.addFormData.analysis_2nd;
					this.risk_info[2].value = this.addFormData.analysis_3rd;
					this.risk_info[3].value = this.addFormData.analysis_4th;
					this.risk_info[4].value = this.addFormData.analysis_5th;
					this.risk_info[5].value = this.addFormData.analysis_6th;
					this.risk_info[6].value = this.addFormData.analysis_7th;
					this.risk_info[7].value = this.addFormData.analysis_8th;
					this.risk_info[8].value = this.addFormData.analysis_9th;
					this.risk_info[9].value = this.addFormData.analysis_10th;
				}

				console.log('风险详情', this.addFormData);
			},
			// 改变
			handleLotChange(e, index) {
				this.risk_info[index].value = e.detail.value;
			},
			// 文件上传
			upLoadChange(data) {
				console.log('文件列表', data);
				this.submitImgList = data;
			},
			// 评价类型选择
			handleProjectTypeChange(e) {
				// console.log(this.projectTypeList)
				// console.log('e', e.detail.value)
				this.addFormData.pte_id = e.detail.value;
				console.log(this.addFormData.pte_id);
			},
			// 获取评价类型
			async getPjTypeList() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/evaluation_type',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				this.projectPjList = res.datas.listInfo;
				this.projectPjList.push({
					pte_id: '-1',
					pte_name: '其他',
					checked: false
				});
				console.log('评价类型列表', this.projectPjList);
			},
			/* 设置时间 */
			setDate1(e) {
				this.addFormData.charge_opinions_time = e.target.value;
			},
			/* 设置时间 */
			setDate2(e) {
				this.addFormData.approval_opinions_time = e.target.value;
			},
			// 点击右下文件按钮
			fbtnClick() {
				console.log('22');
			},
			/*
				点击返回
				 */
			back() {
				// uni.navigateBack({
				// 	delta: 1
				// });
				uni.redirectTo({
					url: '/packageProject/pages/project/projectManagement'
				})
			}
		}
	};
</script>

<style lang="scss">
	// 多层选择
	.user_select_plus {
		width: 550rpx;
		height: auto;
		position: absolute;
		background: #ffffff;
		// top: 575rpx;
		left: 30rpx;
		z-index: 999;
		border-radius: 10rpx;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);

		// 顶部选择栏
		.tab_line {
			width: 100%;
			display: flex;
			border-bottom: 1rpx solid #E4E7ED;

			.tab_item {
				height: 70rpx;
				display: inline-block;
				line-height: 70rpx;
				margin-left: 30rpx;
				font-size: 28rpx;
			}
		}

		// 内容展示框
		.user_select_show {

			.select_item {
				height: 60rpx;
				display: flex;
				align-items: center;
				border-bottom: 1rpx solid #E4E7ED;
				font-size: 26rpx;
				padding-left: 30rpx;
			}
		}
	}

	.bottom2 {
		width: 100%;
	}

	.bottom_btn2 {
		width: 34%;
		height: 88rpx;
		border-radius: 0;
		position: fixed;
		bottom: 0;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #ffffff;
		z-index: 999;
	}

	.picer_date {
		width: auto;
		height: 50rpx;
		margin-left: 20rpx;
		border: 1px solid #dfdfdf;
		border-radius: 10rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		line-height: 50rpx;
		text-align: center;
		display: flex;
		align-items: center;
	}

	.risk_info {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #666666;
		margin-top: 28rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.fenxi {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		margin-top: 39rpx;
		display: flex;
		flex-wrap: wrap;
	}

	// 人员选择
	.user_select {
		width: 550rpx;
		height: 357rpx;
		background: #ffffff;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);
		border-radius: 10rpx;
		overflow: hidden;
		position: absolute;
		left: 170rpx;
		z-index: 100;

		.firm_name {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			text-align: center;
			margin-top: 21rpx;
		}

		.department {
			width: 288rpx;
			margin-left: 41rpx;
		}

		.person {
			width: 261rpx;
			margin-left: 41rpx;
		}

		.info_text {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #999999;
			margin-bottom: 30rpx;
		}

		.user_name {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			margin-bottom: 30rpx;
		}
	}

	.fbtn {
		position: fixed;
		left: 592rpx;
		bottom: 120rpx;
		z-index: 5;

		image {
			width: 134rpx;
			height: 134rpx;
		}
	}

	.file_name {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		margin-left: 19rpx;
	}

	.uptext {
		font-size: 20rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #128bf1;
		margin-left: 10rpx;
	}

	.bottom {
		width: 100%;
		height: 88rpx;
		margin-top: 202rpx;
	}

	.bottom_btn {
		width: 375rpx;
		height: 88rpx;
		margin-left: 0;
		border-radius: 0;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #ffffff;
	}

	.texta {
		width: 690rpx;
		height: 305rpx;
		background: #f7f7f7;
		margin-top: 30rpx;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}

	.info_item {
		width: 690rpx;
		height: auto;
		border-bottom: 1rpx solid #e3e3e3;
		margin-left: 30rpx;
		margin-top: 44rpx;
	}

	.head_text {
		width: 100%;
		height: 128rpx;
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		line-height: 160rpx;
		text-align: center;
	}
</style>
